<html>
<link rel="stylesheet" href="css/layui.css">
<head>
  <jsp:include page="head.jsp"/>
  <title>用户登录</title>
</head>
<body>
<div  style="margin: 20px 100px">
  <form action="./login.do" method="post" >
    <br>
    <label class="layui-form-label" style="font-weight: bolder;font-size: 20px">用户登录</label>
    <div class="layui-form-item">
      <label class="layui-form-label">账号</label>
      <div class="layui-input-inline">
        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="请输入账号" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">密码</label>
      <div class="layui-input-inline">
        <input type="password" name="password" lay-verify="title" autocomplete="off" placeholder="请输入密码" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">验证码</label>
      <div class="layui-input-inline" style="display: flex">
        <input type="password" style="width: 60%" name="password" lay-verify="title" autocomplete="off" placeholder="请输入验证码" class="layui-input">
        <img src="./getImg.do" style="width: 35%" alt="验证码加载失败">
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label"></label>
        <div class="layui-input-inline" >
          <input type="checkbox" value="保存密码" style="margin-left: 10px;" >保存密码
          <input type="checkbox" value="自动登录" style="margin-left: 10px;">自动登录
        </div>
      </div>
    </div>
    <div style="display: inline-block">
      <input type="submit" class="layui-btn layui-btn-danger" value="登录" style="margin-left: 150px">
      <input type="reset" class="layui-btn layui-btn-normal" value="重置" style="">
    </div>
  </form>

</div>
</body>
</html>
